<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>

	<link media="all" rel="stylesheet" href="css/reset.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/global.css" type="text/css" />

	<style type="text/css">
		#wrapper h1{
			color:#667CB4;
		}
		#page span{
			background-color:#667CB4;
		}
		button{
			margin:0 10px;
		}
	</style>
	<script type="text/javascript">
		window.onload = function(){
			var random = parseInt(Math.random() * 10000)+1;
			document.getElementById('confirm').onclick = function(){
				if(document.getElementById('input').value == random){
					alert('sample url');
				}else{
					alert('你猜错了');
				}
			};
		};
	</script>
</head>
<body>
	<div id="wrapper">
		<h1>你算我猜</h1>
		<p>你能猜出一个随机数的值是多少吗?</p>
		<p>parseInt(Math.random() * 10000)+1 = <input id="input" type="TEXT" /><button id="confirm">我猜</button></p>
	</div>
	<div id="page">
		<span>7/8</span>
		<br />
		<em>&#64;<a target="_blank" href="http://whulecture.net">whulecture.net</a></em>
	</div>
</body>
</html>
